<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">


    <h:head>

        <title>SHUCKAPP</title>
        <link rel="stylesheet" type="text/css" href="/Shuckapp/recursos/css/estilos.css" />

    </h:head>

    <h:body>

        <p:graphicImage value="/recursos/imagenes/logo_shuckapp.png" width="200px"  height="100px"/>
        <h:form id="fr_menu">
            <p:panel  styleClass="cuerpo">


                <p:stack icon="/recursos/imagenes/icon_menu.png" expanded="true" closeSpeed="30" id="menu">
                    <c:forEach items="#{bmenuInicio.menus}" var="link">
                        <p:menuitem  value="#{link.titulo}"  url="#{link.outcome} "  icon="#{link.icon}"    />  
                    </c:forEach>

                </p:stack>
                <p:draggable for="menu"  /> 

            </p:panel>
            <p:galleria value="#{publicidad.datos}" var="image" panelHeight="290"  panelWidth="500" 
                        effect="pulse" effectSpeed="500"  
                        showCaption="false"  styleClass="galeria"  frameHeight="70" frameWidth="70" 

                        >
                <p:graphicImage url="/recursos/imagenes/publicidad/#{image.url}" 
                                width="500" height="290"
                                alt="#{image.descripcion}" title="#{image.titulo}"
                                cache="true"
                                />
            </p:galleria>
        </h:form>


        <br />
        <!--
        <h:link outcome="welcomePrimefaces" value="Primefaces welcome page" />
        -->
    </h:body>

</html>
